html {
  font-size: 26.6667vw;
  height: 100%; }

body {
  font-size: 0.14rem;
  height: 100%; }

html,
body,
nav,
ul,
h2,
h3,
h4,
p,
li {
  padding: 0;
  margin: 0; }

.app {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .app header {
    background-color: #00b38a;
    line-height: 0.45rem;
    font-size: 0.18864rem;
    color: white;
    text-align: center; }
  .app main {
    flex: 1;
    overflow: hidden; }
  .app nav {
    background-color: #f6f6f6;
    height: 0.45rem;
    font-size: 0.14rem; }
    .app nav ul {
      display: flex;
      list-style: none;
      justify-content: center;
      align-items: center; }
      .app nav ul li {
        flex: 1;
        text-align: center;
        line-height: 0.45rem; }
        .app nav ul li.active {
          color: #00b38a;
          background-color: #e7f3f0; }

@font-face {
  font-family: "iconfont";
  src: url("./libs/iconfont.eot");
  src: url("./libs/iconfont.eot?#iefix") format("embedded-opentype"), url("./libs/iconfont.woff2") format("woff2"), url("./libs/iconfont.woff") format("woff"), url("./libs/iconfont.ttf") format("truetype"), url("./libs/iconfont.svg#iconfont") format("svg"); }

.iconfont {
  font-family: "iconfont" !important;
  font-size: 0.2rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  display: none;
  text-align: center; }
  #loading img {
    margin-top: 49vh; }

.swiper-container {
  height: 100%; }


#position-wrapper {
  height: 100%; }

.custom {
  padding: 0.08rem;
  display: flex;
  display: flex;
  align-items: center; }
  .custom span {
    flex: 1;
    color: #555; }
  .custom button {
    width: 0.8rem;
    height: 0.3rem;
    color: #00b38a;
    background-color: #e7f3f0;
    border-radius: 0.15rem;
    border: none; }

.position-list .item {
  display: flex;
  padding: 0.1rem;
  position: relative; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
    .position-list .item::before {
      content: " ";
      position: absolute;
      left: 0px;
      top: 0px;
      background-color: #e8e8e8;
      transform: scaleY(0.667);
      height: 1px;
      width: 100%; } }
  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
    .position-list .item::before {
      content: " ";
      position: absolute;
      left: 0px;
      top: 0px;
      background-color: #e8e8e8;
      transform: scaleY(0.5);
      height: 1px;
      width: 100%; } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
    .position-list .item::before {
      content: " ";
      position: absolute;
      left: 0px;
      top: 0px;
      background-color: #e8e8e8;
      transform: scaleY(0.333);
      height: 1px;
      width: 100%; } }
  .position-list .item img {
    width: 0.6rem;
    height: 0.6rem; }
  .position-list .item .desc {
    flex: 1;
    line-height: 0.26rem;
    margin-left: 0.05rem; }
    .position-list .item .desc h2 {
      font-size: 0.16rem; }
  .position-list .item .pos {
    display: flex; }
    .position-list .item .pos .name {
      flex: 1;
      width: 0px;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 14px;
      overflow: hidden; }
    .position-list .item .pos .salary {
      width: 0.8rem;
      font-size: 0.17rem;
      color: #00b38a;
      text-align: center; }

.refersh {
  line-height: 0.45rem;
  text-align: center;
  display: none; }

.more {
  line-height: 0.45rem;
  text-align: center; }
